<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>盒子线条</title>
		<style type="text/css">
			.x1{
				width: 100%;
				height: 10px;
				border:2px dashed black;
				margin: 20px 0 0 0;
			}
			.x2{
				width: 100%;
				height: 10px;
				border:2px solid black;
				margin: 5px 0;
			}
			.x3{
				width: 100%;
				height: 10px;
				border:2px dotted black;
				margin: 5px 0;
			}
			.x4{
				width: 100%;
				height: 10px;
				border:1px solid #0f0f0f;
				margin: 15px 0 0 0;
			}
			.x5{
				width: 100%;
				height: 10px;
				border:1px solid #F0F0F0;
				margin: 5px 0;
			}
			.x6{
				width: 100%;
				height: 10px;
				border: 1px solid;
				border-top-color:#F0F0F0;
				border-left-color: #F0F0F0;
				border-right-color: #F0F0F0;
				margin: 5px 0;
			}
		</style>
	</head>
	<body>
		<div class="x1"></div>
		<div class="x2"></div>
		<div class="x3"></div>
		<div class="x4"></div>
		<div class="x5"></div>
		<div class="x6"></div>
	</body>
</html>
